<template>
	<div>
		<LabelCar></LabelCar>
	</div>
	<Introduce></Introduce>
	<Introduce></Introduce>
	<Introduce></Introduce>
	<Introduce></Introduce>
	<Introduce></Introduce>
	<Introduce></Introduce>

	<div class="al-page">
		<el-pagination  @current-change="handleCurrentChange"
			v-model:currentPage="index" small  background layout="prev, pager, next"
			 :page-size="size" :total="total" class="al-page-bg">
		</el-pagination>
	</div>

</template>

<script>
	import Introduce from '../layout/Introduce.vue'
	import LabelCar from '../layout/LabelCar.vue'
	import axios from 'axios'
	export default {
		name: "articleClassifyList",
		components: {
			Introduce,
			LabelCar
		},
		data() {
			return {
				index: 0,
				size: 10,
				total: 100,
				value: false
			}
		},
		created() {
				this.getlist();
		},
		methods: {
			handleCurrentChange(val) {
				this.index = val;
				//用户点击页码
				console.log(`当前页: ${val}`);
				this.getlist();
				
			},
			async getlist() {
				const {
					data: res} = await axios.get('/info/list')
				this.menu = res.data
			}
		}
	}
</script>

<style>
	.al-page {
		width: 360px;
		height: 30px;
		text-align: center;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	/* .al-page-bg{
		background-color: #FFFFFF;
		border-radius:10px ;
	} */
</style>
